#new_energy {
  background: #3b6794;
  min-height: 100vh;
  overflow-x: hidden;
  padding: 10px;

  .detectNumber {
    text-align: right;
    color: #0955a1;
    font-size: 12px;
  }

  .core_card {
    background: #fff;
    margin-top: 40px;
    padding: 10px 40px;

    .serration {
      border-top: 10px #3b6794 dotted;
      transform: translate(-40px, -15px);
      width: calc(100% + 80px);
    }

    .icon {
      transform: translateY(-50%);
      margin-right: 20px;
      width: 106px;
    }

    h1 {
      font-size: 28px;
      font-weight: bold;
    }

    h2 {
      font-weight: bold;
      font-size: 27px;
      position: relative;
      margin-bottom: 30px;

      &::after {
        display: block;
        content: "";
        position: absolute;
        height: 4px;
        width: 28px;
        background: #da251d;
        bottom: -8px;
      }
    }

    .item {
      margin-bottom: 20px;

      .title {
        font-size: 13px;
        color: #5d5d5e;
        margin-bottom: 10px;
      }

      .content {
        font-size: 18px;
        color: #212121;
        font-weight: bold;
      }
    }

    .part_1 {
      padding-bottom: 10px;
    }

    .part_2 {
      padding-top: 20px;

      .soc_circle_wrap {
        width: 10rem;
        height: 75px;
        overflow: hidden;

        .soc_circle {
          --track-width: 1.8rem;
          --size: 10rem;

          .adm-progress-circle-fill {
            stroke: #4071a2;
          }

          .adm-progress-circle-info {
            transform: translate(-50%, -35px);
            color: #5a5a5a;
            font-size: 20px;
          }
        }
      }

      .soc_text {
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        margin-top: 10px;
      }

    }

    .part_3 {
      border-top: 1px solid #9a9a9a;
      transform: translateX(-20px);
      width: calc(100% + 40px);
      padding: 20px 40px;
      box-sizing: border-box;

      .blue {
        color: #479Ec1;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px;
      }

      .table {
        color: #444;
        font-size: 17px;
        text-align: center;

        .table_header {
          font-weight: bold;
          margin-bottom: 25px;

          div {
            width: calc(100% / 3);
          }
        }

        .table_row {
          display: flex;
          margin: 25px 0;
          border-bottom: 1px dashed #444;
          padding-bottom: 25px;

          &:last-child {
            margin-bottom: 0;
          }

          div {
            width: calc(100% / 3);
          }
        }
      }
    }
  }

  @media screen and (max-width:480px) {
    .icon {
      width: 88px !important;
    }

    h1 {
      font-size: 24px !important;
    }

    h2 {
      font-size: 22px !important;
      margin-bottom: 18px !important;
    }

    .item {
      margin-bottom: 10px !important;

      .title {
        font-size: 12px !important;
        margin-bottom: 5px !important;
      }

      .content {
        font-size: 14px !important;
      }
    }

    .core_card {
      padding: 10px 20px;
    }

  

    .part_2 {
      padding-top: 10px !important;
    }

    .part_3 {
      padding: 20px !important;
    }

    .table {
      font-size: 14px !important;

      .table_header {
        margin-bottom: 15px;
      }

      .table_row {
        margin: 15px 0 !important;
      }
    }
  }
}